import styles from "./HotList.module.css"

export default function HotList(){
    return (
        <div className={styles.hot_list_container}>
            <div className={styles.title}>Hot List</div>
            <ul className={styles.hot_list}>
                <li className={styles.list_item}>
                    <img src={'https://th.bing.com/th?q=%E6%8B%9C%E7%99%BB%E5%9B%BE&w=36&h=36&c=7&rs=1&p=0&o=5&dpr=1.5&pid=1.7&mkt=en-US&cc=US&setlang=zh-Hans&adlt=moderate&t=1'}
                         alt={'头像'} className={styles.avatar}></img>
                    <div className={styles.name}>Biden</div>
                    <div className={styles.frequency}>58.4%</div>
                </li>
                <li className={styles.list_item}>
                    <img src={'https://avatarfiles.alphacoders.com/111/thumb-150-111656.jpg'}
                         alt={'头像'} className={styles.avatar}></img>
                    <div className={styles.name}>Trump</div>
                    <div className={styles.frequency}>32.4%</div>
                </li>
                <li className={styles.list_item}>
                    <img src={'https://pic1.zhimg.com/v2-9e82d65fecada85b6628b225c40cde0a.jpg?source=57bbeac9'}
                         alt={'头像'} className={styles.avatar}></img>
                    <div className={styles.name}>Zelensky</div>
                    <div className={styles.frequency}>13.1%</div>
                </li>
            </ul>
            <div className={styles.tip}>Want more? Click here.</div>
        </div>
    )
}
